//通用部分
.box-part {
    background-color: #FFF;
    margin-top: 20px;

    &.no-gap {
        margin-top: 0px;
        border-top: #EEE 1px solid;
    }
    >.title {
        font-size: 14px;
        color: #333;
        padding:10px 10px;
        border-bottom: #eee 1px solid;
        &.no-border {
            border: none;
        }
    }
    >.content {
        padding: 10px;
        >.div-avg {
            text-align: center;
            .box-image {
                width: 80px;
                height: 80px;
                overflow: hidden;
                display: inline-block;
                text-align: center;
                > img {
                    height: 100%;
                    margin-left: 0px;
                }
            }
        }
    }
}
.box-button {
    padding: 0px 20px;
    margin-top: 20px;
}
.box-last-radio {
    margin-top: 20px;
    background-color: #FFF;
    >.title {
        padding: 10px;
        font-size: 14px;
        border-bottom: #eee 1px solid;
    }
    >.tips {
        text-align: center;
        color: #666;
        font-size: 14px;
        padding: 5px 0px;
    }

    .am-tab-panel {
        padding: 0px;
    }
    .list {
        padding: 5px 10px;
        >.item {
            padding: 5px 0px;
            border-bottom: #eee 1px solid;
            .name {
                margin-top: 8px;
                font-size: 14px;
            }
            .date {
                color: #999;
                font-size: 14px;
            }
            >.box-play {
                text-align: right;
                .aplayer {
                    width: 50px;
                    height: 50px;
                    display: inline-block;
                    border-radius: 5px;
                    .aplayer-pic {
                        width: 100%;
                        height: 100%;
                    }
                }
            }
            >.aplayer {
                >.aplayer-pic {
                    width: 50px;
                    height: 50px;
                }
                >.aplayer-info{
                    height: 50px;
                    padding: 8px 0px;
                    >.aplayer-music{
                        margin-bottom: 5px;
                    }
                }

                .aplayer-icon-mode {
                    display: none;
                }
            }
        }    
    }
}

//优化码按钮+弹窗样式
.box-coupon-btn {
    margin: 20px 0px;
    padding: 0px 40px;
    text-align: center;
    >.am-btn {
        width: 100%;
        border-radius: 3px;
    }
}
.am-modal.input-coupon {
    >.am-modal-dialog {
        background-color: #FFF;
        border-radius: 5px;
        padding-left: 20px;
        padding-right: 20px;
        width: 80%;
        >.am-modal-hd {
            font-size: 16px;
            color: #8d8d92;
            >.am-close{
                font-size: 26px;
                margin: 10px 5px 0px 0px;

            }
        }
        >.am-modal-bd {
            padding: 10px 0px 3px 0px;
            border: none;
            >.am-form-field {
                background-color: #ececec;
                border-radius: 2px;
                border: none;
                outline: none;
                box-shadow: none;
                color: #f27c1c;
            }
            >.error-msg {
                color: #F33;
                font-size: 10px;
            }
        }
        >.am-modal-footer {
            >.am-btn {
                margin: 0px 15px;
                width: 90px;
                border-radius: 2px;
            }
        }
    }
}

//幸福语录
.wrap-motto {
    padding: 20px 15px;
    .box-audio {
        background-color: #FFF;
        margin-bottom: 10px;
        // padding: 5px 0px;
        >.audio-icon {
            text-align: center;
            height: 50px;
            padding: 8px 0px 0px;
            line-height: 50px;
            >.fa {
                font-size: 25px;
                color: #0AB808;
            }
        }
        >.motto-info {
            padding: 6px 0px 2px;
            >.title {
                color: #777;
                font-size: 16px;
            }
            >.date {
                font-size: 14px;
                color: #AAA;
            }
        }

        >.audio-time {
            background-color: #EFEFF4;
            height: 58px;
            line-height: 58px;
            color: #777;
        }
    }

    .box-picture {
        margin: 30px 0px;
        > img {
            width: 100%;
        }
    }
}
//晨间电台
.wrap-radio {
    >.box-banner {
        >img {width: 100%}
    }
    >.box-tip {
        font-size: 12px;
        color: #333;
        text-align: center;
        line-height: 40px;
        background-color: #FFF;
        .number {color: #F33};
    }
    >.box-audio {
        background-color: #FFF;
        padding-bottom: 10px;
        >.aplayer {
            box-shadow: none;
            >.aplayer-pic{display:none}
            >.aplayer-info{
                height:auto;
                margin-left:0px;
                padding: 10px 5px 0px;
                >.aplayer-music{display:none}
                 .aplayer-icon-mode{
                    display: none;
                }
            }
        }
        >.box-btn {
            text-align: center;
            margin-top: -5px;
            >img {
                width: 46px;
            }
        }
    }
    >.evening-radio {
        .aplayer-pic{
            margin: 5px;
        }
        .aplayer-button {
            opacity: 0;
            &:hover{
                opacity: 0;
            }
        }
    }
    .box-hidden {
        padding: 10px 5px;
        border-bottom: #eee 1px solid;
        border-top: #eee 1px solid;
        background-color: #FFF;
        
        >.content {
            border-bottom: #eee 1px solid;
            margin-bottom: 5px;
        }
        >.button {
            text-align: center;
            font-size: 14px;
            >.fa {
                color: #F33;
            }
        }
    }
    >.box-purchase {
        background-color: #FFF;
        padding: 0px 10px;
        >.am-btn {
            border-radius: 5px;
        }
        padding-bottom: 20px;
    }
    >.box-vip-tip {
        text-align: center;
        font-size: 14px;
        line-height: 50px;
        background-color: #FFF;
        >.am-badge {
            margin-left: 40px; 
            padding: 5px; 
            border-radius: 3px;
            display: inline-block;
            font-weight: normal;
            >.fa {margin-right: 5px;}
        }
    }
    >.box-rank {
        margin-top: 20px;
        background-color: #FFF;
        >.title {
            padding: 10px;
            font-size: 14px;
            border-bottom: #eee 1px solid;

            >.rank {
                text-align: right;
                color: #888;
            }
        }
        >.list {
            >.item {
                padding: 5px 10px;
                border-bottom: #eee 1px solid;
                >.index {
                    text-align: center;
                    line-height: 50px;
                    > img {
                        width: 30px;
                    }
                    > span {
                        font-size: 20px;
                        color: #A25C00;
                        font-weight: bold;
                    }
                }
                >.headimg {
                    padding: 5px 0px;
                    text-align: center;
                    >img {height: 40px; border-radius: 3px;}
                }
                >.info {
                    .name {font-size: 14px; margin-top: 4px;}
                    .count {font-size: 12px; color: #F33}
                }
            }
                
        }
    }

    >.modal-check {
        >.am-modal-dialog {
            width: 300px;
            background-color: transparent;
            >.am-modal-bd {
                border: none;
                text-align: center;
                >.content {
                    position: relative;
                    >.bg {
                        width: 100%;
                    }
                    >.check-days{
                        position: absolute;
                        top: 52px;
                        right: 51px;
                        color: #F33;
                        font-size: 25px;
                        font-weight: bold;
                    }
                    >.btn {
                        position: absolute;
                        bottom: 20px;
                        left: 50%;
                        width: 120px;
                        margin-left: -60px;
                    }
                }    
            }
        }
    }
}

.wrap-vip-purchase {
    >.header {
        background-color: #FFF;
        padding: 15px 0px;
        >.headimg {
            text-align: center;
            img {width: 50px; border-radius: 50%;}
        }
        >.info {
            >.nickname {font-size: 16px; margin-top: 2px;}
            >.vip-tip  {color: #EC9000; font-size: 14px;}
        }
    }

    >.box-vip {
        background-color: #FFF;
        margin-top: 20px;
        >.title {
            padding: 10px;
            font-size: 15px;
            border-bottom: #eee 1px solid;
        }
        >.list{
            >li {
                >.item {
                    padding: 15px 10px;
                    >div {
                        display: inline-block;
                        height: 60px;
                        text-align: center;
                        border: #C8C8C8 1px solid;
                        border-radius: 5px 0px 0px 5px;
                        overflow:hidden;
                    }
                    >.price {
                        >.original {
                            color: #888;
                            margin-top: 3px;
                        }
                        >.now {
                            color: #000;
                        }
                    }
                    >.date  {
                        border-radius: 0px 5px 5px 0px; 
                        background-color: #C8C8C8;
                        font-size: 14px;
                        padding-top: 5px;
                        color: #FFF;
                    }
                }

                >.item.active {
                    >div   {border: #07C875 1px solid;}
                    >.price >.now{color: #07C875;}
                    >.date {background-color: #07C875;}
                }
            }
                
        }
    }

    >.box-intro {
        margin-top: 20px;
        background-color: #FFF;
        >.title {
            padding: 10px;
            font-size: 15px;
            border-bottom: #eee 1px solid;
        }

        >.intro {
            padding: 10px;
            font-size: 14px;
        }
    }

    >.box-cart{
        padding: 0px;
        position: fixed;
        width: 100%;
        bottom: 0px;
        left: 0px;
        background-color: #FFF;
        >.tip{
            border-top: #F37B1D 1px solid;
            font-size: 16px;
            text-align: center;
            height: 50px;
            color: #F33;
            line-height: 50px;
            text-align: right;
            padding-right: 30px;
        }
        .am-btn{
            height: 50px;
            font-size: 16px;
            line-height: 55px;
            padding: 0px;
        }
    }
}

//绑定手机号
.wrap-binduser{
    >.header {
        text-align: center;
        padding: 10px;
        background-color: #FFF;
        color: #FFF;
        box-shadow: 0px 2px 2px #999;
        background-color: #07C875;
    }
    >.body {
        margin-top: 20px;
        padding: 0px 20px;
        .am-form-field {
            border: none;
            font-size: 12px;
            height: 30px;
            padding-left: 0px;
            &:focus{outline: none; box-shadow:none;}
        }
        .am-btn-xs {
            width: 80px;
            text-align: center;
            padding-left:0px;
            padding-right: 0px;
        }
        .box-input, .box-btn {
            margin: 10px 0px;
            height: 35px;
            border-bottom: #ccc 1px solid;
        }

        >.label {
            font-size: 14px;
            color: #666;
            padding-left: 12px;
            margin: 10px 0px 5px 0px;
        }
        >.box-select {
            >li >div {
                text-align: center;
                border: #999 1px solid;
                margin: 5px 20px;
                color: #999;
                font-size: 12px;
                padding: 3px 0px;
                &.active {
                    border-color: #07C875;
                    color: #07C875;
                }
            }
        }
    }
    >.footer {
        margin-top: 20px;
        padding: 0px 10px;
        .am-btn {font-size: 14px;}
    }

    >.box-tip {
        text-align: center;
        margin: 15px;
        margin-top: 30px;
        font-size: 14px;
        color: #999999;
    }

    >.modal-tip {
        >.am-modal-dialog {
            width: 95%;
            background-color: #FFF;

            >.am-modal-bd {
                padding: 30px 0px;
            }

            >.am-modal-footer {
                >.am-btn {
                    margin-top: 5px;
                }
            }
        }
    }
}

//活动首页
.wrap-activity {
    >.banner {
        img {width: 100%;}
    }
    >.info {
        background-color: #FFF;
        padding: 5px 10px;
        margin-bottom: 20px;
        >.title {
            color: #333333;
            font-size: 16px;
        }
        >.tip {
            color: #999999;
            font-size: 12px;
            margin-bottom: 15px;
        }
        >.ops {
            text-align: center;
            margin-bottom: 10px;
            .fa {
                margin-right: 5px;
            }
        }
    }
    >.cont {
        li {border-bottom: #ccc 1px solid;}
        .am-tabs-bd {
            background-color: #FFF;
            >.am-tab-panel {
                padding: 0px;
                &:first-child { 
                    padding: 10px;
                }
                >.am-list {
                    > li {
                        padding: 10px 5px;
                        &:first-child {
                            border-top: none;
                        }
                        .banner{
                            text-align: center;
                            >.box-img {
                                display: inline-block;
                                width: 50px;
                                height: 48px;
                                overflow: hidden;
                                > img {
                                    height: 100%;
                                    margin-left: -50%;
                                }
                            }
                        } 
                        .title {
                            text-align: left;
                            font-size: 16px;
                            color: #333;
                            margin-bottom: 2px;
                        }
                        .date {
                            text-align: left;
                            font-size: 12px;
                            color: #999;
                        }
                    }
                }
            }
        }
    }
}

//活动列表
.wrap-activity-list {
    >.title {
        background-color: #FFF;
        padding: 10px 20px;
        color: #666;
        border-bottom: #CCC 1px solid;
    }
    >.am-list {
        > li {
            padding: 12px 5px 8px;
            &:first-child {
                border-top: none;
            }
            .banner{
                text-align: center;
                >.box-img {
                    display: inline-block;
                    width: 50px;
                    height: 48px;
                    overflow: hidden;
                    > img {
                        height: 100%;
                        margin-left: -50%;
                    }
                }
            } 
            .title {
                text-align: left;
                font-size: 16px;
                color: #333;
                margin-bottom: 2px;
            }
            .date {
                text-align: left;
                font-size: 12px;
                color: #999;
            }
            .icon {
                font-size: 25px;
                color: #333;
                margin-top: 3px;
                text-align: center;
            }
        }
    }
}
//活动详情
.wrap-activity-get {
    .am-tabs-bd,.am-tab-panel {
        padding: 0px;
        border: none;
    }
    .box-cont {
        .banner > img {width: 100%;}
        .box-audio {
            background-color: #FFF;
            margin-bottom: 20px;
            >.title {
                font-size: 14px;
                color: #333;
                padding:5px 10px;
            }
        }
        .box-detail {
            background-color: #FFF;
            margin-bottom: 20px;
            >.title {
                font-size: 14px;
                color: #333;
                padding:5px 10px;
                border-bottom: #eee 1px solid;
            }
            >div {
                padding: 10px 10px;
            }

            .aplayer {
                padding-bottom: 0px;
            }
        }
    }
    .box-known {
        .banner > img {width: 100%;}
        .dialog {
            background-color: #FFF;
            padding: 20px 0px;
            .headimg{
                text-align: center;
                >img {width: 40px; border-radius: 50%;}
            }
            .content {
                margin-bottom: 20px;
                > div {
                    display: inline-block;
                    padding: 5px 10px;
                    background-color: #EEE;
                    font-size: 14px;
                    max-width: 200px;
                    border-radius: 5px;
                    margin-top: 3px;
                    position: relative;
                }
            }

            .question .content > div {
                background-color: #F5F5F5;
                color: #666;

                &:before {
                    content: '';
                    width: 0;
                    height: 0;
                    border-right: 10px solid #F5F5F5;
                    border-top: 8px solid transparent;
                    border-bottom: 8px solid transparent;
                    position: absolute;
                    top: 5px;
                    left: -8px;
                }
            }
            .answer .content {
                text-align: right;
                padding-right: 10px;
                > div {
                    background-color: #04BE02;
                    color: #FFF;
                    >.fa {
                        text-align: left;
                        width: 20px;
                    }

                    &:before {
                        content: '';
                        width: 0;
                        height: 0;
                        border-left: 10px solid #04BE02;
                        border-top: 8px solid transparent;
                        border-bottom: 8px solid transparent;
                        position: absolute;
                        top: 5px;
                        right: -8px;
                    }
                }
            }
        }
    } 

    .box-picture {
        >.tip {
            color: #999;
            text-align: center;
            padding: 10px 0px;
        }
    }

    >.anchor-nav {
        width: 80px;
        position: fixed;
        top: 40%;
        right: 0px;
        z-index: 100;

        >.am-list {
            background-color: transparent;
            >li {
                border: none;
                margin: 10px 0px;
                padding: 0px;
                height: 30px;
                line-height: 30px;
                color: #FFF;
                background-color: #32C930;
                text-align: center;
                font-size: 12px;
                letter-spacing: 1px;
                border-radius: 15px 0px 0px 15px;
                opacity: 0.6;
            }
        }
    }
}
//活动相册
.activty-picture {
    .am-direction-nav, .am-control-nav {
        opacity: 0;
    }
}

//留言填写
.wrap-leavemsg-add {
    >.title {
        font-size: 16px;
        padding: 0px 10px;
        margin: 10px 0px;
    }
    >.content {
        >textarea {
            resize: none;
            font-size: 14px;
            height: 150px;
            padding: 10px;
        }
        >.am-btn {
            width: 90%;
            margin: 15px 5%;
            border-radius: 5px;
        }
    }
}